

/* _CONTAINER  */
	.header+button{
		opacity: 0.6;
		vertical-align: bottom;
	
		position: absolute; /*so that the button is automatically placed to the right of header*/
		margin: 0px 25px 0px 8px; /*keeps the nodes from starting too close to the button*/
		
		z-index: 2;
	}

	#argumentsContainer>.header+button{
		position: fixed;
		z-index: 0;
		left: 148px;
		top: 159px;
	}
	
	#fruitsContainer>.header+button{
		top: 38px;
		left: 78px;
	}
	
	#goalsContainer>.header+button{
		top: 35px;
		left: 69px;
	}

	#premisesContainer>.header+button{
		top: 26px;
		left: 132px;
	}

	#expandFruitsButton{
		
		position: absolute;
		left: 117px;
		top: 17px;
		
		width: 20px;
		height: 20px;
		
		font-family:"Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 2em;
		text-shadow: 0px 0px 10px black;
		
		vertical-align: top;
	
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: 43% 107% 0;  /*not sure why have to move origin like this to keep it 
													from moving when rotated*/
		visibility: hidden;
		
		opacity: 0.5;
	}
	
	#expandGoalsButton{
		
		position: absolute;
		left: 108px;
		top: 14px;
		
		width: 20px;
		height: 20px;
		
		font-family:"Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 2em;
		text-shadow: 0px 0px 10px black;
		
		vertical-align: top;
	
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: 43% 107% 0;  /*not sure why have to move origin like this to keep it 
													from moving when rotated*/
		visibility: hidden;
		
		opacity: 0.5;
	}
	
	#expandPremisesButton{
		
		position: absolute;
		left: 166px;
		top: 14px;
		
		width: 20px;
		height: 20px;
		
		font-family:"Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 2em;
		text-shadow: 0px 0px 10px black;
		
		vertical-align: top;
	
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: 43% 107% 0;  /*not sure why have to move origin like this to keep it 
													from moving when rotated*/
		visibility: hidden;
		
		opacity: 0.5;
	}
/*************************************************************************************************/


/* _NODE  */
	#closeButton {
	    background-image: url("../icons/cancel.png");
	    border-radius: 16px;
	
	    height: 32px;
	    width: 32px;
	    
	    top: -3px;
	    left: 183px;
	}
	
	#closeButton:hover{
		box-shadow: 0px 0px 4px 4px yellow inset;
	}
	
	#A0>#closeButton{
		display: none !important; /*don't allow uses to delete claim by never showing close button*/
	}
	
	#supportButton {
	    /*appearance:button;*/
		-moz-appearance:button; /* Firefox */
		-webkit-appearance:button; /* Safari and Chrome */
	    
	    height: 20px;
	    width: 25px;
	    
	    bottom: 0px;
	    left: 0px;
	}
	
	#evidenceButton {
		background-image: url("../icons/cartoon-stone-th.png");
		background-position: center;
		background-repeat:no-repeat;
	
	    height: 25px;
	    width: 25px;
	
	    bottom: 0px;
	    left: 24px;
	}
	
	#evidenceButton:hover {
	    background-image: url("../icons/cartoon-stone-rough.png");
	}
	
	#attackButton {
	    /*appearance:button;*/
		-moz-appearance:button; /* Firefox */
		-webkit-appearance:button; /* Safari and Chrome */
	
	    height: 20px;
	    width: 25px;
	
	    bottom: 0px;
	    left: 48px;
	}
	
	#assistButton {
	    /*appearance:button;*/
		-moz-appearance:button; /* Firefox */
		-webkit-appearance:button; /* Safari and Chrome */
	
	    height: 20px;
	    width: 25px;
	
	    bottom: 1px;
	    right: 3px;
	}
	
	.fallacyButton {
		/*appearance:button;*/
		-moz-appearance: button; /* Firefox */
		-webkit-appearance: button; /* Safari and Chrome */
		position: absolute;
		font-size: 0.8em;
		padding: 6px;
	}

	/* this class is added when a node is hovered over but text entry is occuring, 
	 * so that text can be seen behind buttons*/
	.typing .nodeButton{
		opacity : 0.15 !important;
	}
	
	.nodeButton{
	    display: none;
	    position: absolute;
	    text-align: center;
	}
	
	.displayedDiv:hover .nodeButton{
	    display: block;
	    opacity : 0.8;
	}
/*********************SAVE / LOAD***************************************************************/

/* _SAVE */
	#saveButton{
		
		display: block;
		
		position: fixed;
		z-index: 8;

		width: 24px;
		height: 24px;
		
		left: 1192px;
		top: 167px;

		background-image: url("../icons/saveIcon.png");
	}
	
	#saveButton:hover{
		background-image: url("../icons/saveIconHover.png");
		box-shadow: 0px 0px 5px 2px white;
	}

	#saveButton:active{
		background-image: url("../icons/saveIconClick.png");
		box-shadow: 0px 0px 5px 2px white;
	}
	
/*Load*/
	#loadButton{
		
		display: block;
		
		position: fixed;
		z-index: 8;

		width: 24px;
		height: 24px;
		
		left: 1223px;
		top: 167px;

		background-image: url("../icons/open.png");
	}
	
	#loadButton:hover{
		background-image: url("../icons/openHover.png");
		box-shadow: 0px 0px 5px 2px white;
	}

	#loadButton:active{
		background-image: url("../icons/openClick.png");
		box-shadow: 0px 0px 5px 2px white;
	}
	
	#loadFormDrop{
		position: fixed;
		z-index: 8;
		
		width: 270px;
		height: 1em;
		
		left: 1150px;
		top: 187px;
	}
	
/*************************************************************************************/
